<template>
    <div class="body">
        <nav class="homenav">
            <div class="navtitle"><strong>HZR</strong>|MY PROFILE</div>
            <router-link to="/home">HOME</router-link>
            <router-link to="/about">ABOUT</router-link>
            <router-link to="/blog">BLOG</router-link>
            <router-link to="/album">ALBUM</router-link>
            <router-link to="/join">JOIN</router-link>
            <div class="navanim home"></div>
            <div class="none"></div>
        </nav>
    <main class="main">
    <section class="sec">
        <div class="titleimg">
            <div class="title">
                &emsp;Cease to struggle <br>
                and you cease to live
            </div>
        </div>
    </section>
    <section class="sec">
        <router-link to="/about">
            <div class="part1 pt">
                <div class="imghid"><div class="img"></div></div>
                <div class="txt">
                    <h1>关于</h1>
                    <p>&emsp;&emsp;(可修改部分)有关我的一些信息</p>
                    <p>&emsp;&emsp;(可修改部分)For some information about me, you can learn about my background and other related information from here</p>
                </div>
            </div>
        </router-link>
        <router-link to="/blog">
            <div class="part2 pt">
                <div class="txt">
                    <h1>博客</h1>
                    <p>&emsp;(可修改部分)关于我的博客</p>
                    <p>&emsp;(可修改部分)About my blog, some learning process is recorded, you can learn about my learning experience here</p>
                </div>
                <div class="imghid"><div class="img"></div></div>
            </div>
        </router-link>
        <router-link to="/album">
            <div class="part3 pt">
                <div class="imghid"><div class="img"></div></div>
                <div class="txt">
                    <h1>相册</h1>
                    <p>&emsp;&emsp;(可修改部分)我的相册</p>
                    <p>&emsp;&emsp;(可修改部分)My photo album, about some works of art that I like</p>
                </div>
            </div>
        </router-link>
        <router-link to="/join">
            <div class="part4 pt">
                <div class="txt">
                    <h1>加入</h1>
                    <p>&emsp;&emsp;(可修改部分)加入我们(虽然还没有'们')</p>
                    <p>&emsp;&emsp;(可修改部分)My contact information, welcome everyone who is interested to join us</p>
                </div>
                <div class="imghid"><div class="img"></div></div>
            </div>
        </router-link>
    </section>
        <footer class="foot">
            <!-- <p>&emsp;</p> -->
            <p>@2023  |  BY:yiyule10</p>
            <p>网页版权归YI所有</p>
            <p>Cease to struggle and you cease to live</p>
        </footer>
    
    </main>
    </div>
</template>

<script>
    import "../assets/css/Loading.css";
    import "../assets/css/homestyle.css";
    import "../assets/css/body.css";
    import "../assets/css/nav.css"
    export default {
        name: 'Home'
    }
</script>

<style scoped>

</style>